<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>css selector</title>
    <link rel="stylesheet" href="css/selector.css">
</head>
<body>
    <h1>Selected Shakespeare Players</h1>
    <ul id="selected-plays">
        <li>
            Comedies
            <ul>
                <li>
                    <a href="/asyoulikeit">As you Like it</a>
                </li>
                <li>All's Well That Ends Well</li>
                <li>A Midsummer Night's Dream</li>
                <li>Twelfth Night</li>
            </ul>
        </li>
        <li>
            Tragedies
            <ul>
                <li>
                    <a href="hamlet.pdf">hamlet</a>
                </li>
                <li>Macbeth</li>
                <li>Romeo an Juliet</li>
            </ul>
        </li>
        <li>
            Histories
            <ul>
                <li>
                    Henry IV (
                    <a href="mailto:henryiv@king.co.uk">email</a>
                    <ul>
                        <li>Part I</li>
                        <li>Part II</li>
                    </ul>
                </li>
                <li>
                    <a href="http://www.shakespeare.co.uk/henryv.htm">Henry V</a>
                </li>
                <li>Richard II</li>
            </ul>
        </li>
    </ul>
    <script src="../node_modules/jquery/dist/jquery.js"></script>
    <script src="js/selector.js"></script>
    <script src="js/exercise-1.js"></script>
    <script src="js/exercise-4.js"></script>
    <script src="js/exercise-5.js"></script>
</body>
</html>